<style>
    .wrap {
        position: fixed;
        background: #000;
        height: 100vh;
        width: 100vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    video {
        position: fixed;
        top: 0;
        left: 0;
        object-fit: fill;
        width: 100vw;
        height: 100vh;
    }

    .fen .tip-wrap {
        background-image: url('../image/forbid.png');
        background-position: top center;
        background-size: 30px 30px;
        background-repeat: no-repeat;
    }

    .fen .tip-wrap span {
        margin-top: 35px;
    }

    .tip-wrap {
        position: absolute;
        width: 100%;
        text-align: center;
        font-size: 14px;
        z-index: 999;
    }

    .tip-wrap span {
        color: #fff;
        text-shadow: #000 0 2px 3px;
        /* background: rgba(0, 0, 0, 0.5);
        padding: 3px 10px; */
    }

    .tip-btn {
        border: 1px solid;
        color: #673AB7;
        border-radius: 5px;
        padding: 7px 15px;
        margin-top: 15px;
    }

    .play-wrap {
        position: fixed;
    }

    .base-icon.my-play-icon {

        background-color: rgba(0, 0, 0, 0.8);
        padding: 20px;
        background-size: 50% 50%;
        background-position: center;
        border-radius: 50%;
    }
</style>
<!-- <video muted autoplay="autoplay" controls id="video-url" loop="true" x5-video-player-type="h5-page"> -->
<div class="wrap" id="view" :class="{'fen':m.type==0}">
    <video id="video-url" :poster="m.cover" loop="true" x5-video-player-type="h5-page">
        <source id="video-url-mp4" src="">
    </video>
    <div class="play-wrap" >
        <i class="base-icon my-play-icon" @click="lookImg(3)"></i>
    </div>
</div>
<script src="../script/video.js?v=1.0.1"></script>
<script>
    // function checkDevTools(options) {
    //     const isFF = ~navigator.userAgent.indexOf("Firefox");
    //     let toTest = '';
    //     if (isFF) {
    //         toTest = /./;
    //         toTest.toString = function () {
    //             options.opened();
    //         }
    //     } else {
    //         toTest = new Image();
    //         toTest.__defineGetter__('id', function () {
    //             options.opened();
    //         });
    //     }
    //     setInterval(function () {
    //         options.offed();
    //         _log(toTest);
    //         console.clear && console.clear();
    //     }, 1000);
    // }

    // checkDevTools({
    //     opened: function () {
    //         alert('监测到有非法调试，需重新登录');
    //         _login();
    //     },
    //     offed: function () {
           
    //     }
    // });
</script>